.import-project-list-title {
  display: flex;
  align-items: center;
  &-right {
    display: flex;
    align-items: center;
  }
  &-split {
    height: 16px;
    width: 1px;
    background: $gray-02;
    margin: 0 20px;
  }
}
.import-project-list-content {
  width: 1200px;
  margin: 20px auto;
}
.import-project-list-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  &-left {
    text-align: left;
    line-height: 20px;
    font-size: 14px;
    color: $gray-06;
    &-span {
      display: flex;
      flex: 1;
      padding: 0 16px;
      max-width: 700px;
    }
  }
  &-left-other {
    display: flex;
    flex-direction: row;
    color: $gray-06;
    .other-icon {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .other-desc {
      display: flex;
      flex-direction: column;
      flex: 1;
    }
  }
  &-right {
    display: flex;
    align-items: center;
    .#{$teamix-prefix}search-normal {
      width: 300px;
    }
    &-refresh {
      margin-right: 16px;
    }
  }
}
.import-project-list-table {
  .op-container {
    margin-left: 25px;
    .total-tip {
      color: $gray-06;
      margin-right: 24px;
    }
  }
  .import-repo-name-col {
    width: 320px;
    a:visited {
      color: $primary-brand;
    }
  }
  .import-repo-name-size-col {
    width: 260px;
    a:visited {
      color: $primary-brand;
    }
  }
  .visibility-level-col {
    width: 258px;
  }
  .import-repo-size-col {
    width: 110px;
  }
  .import-status-col {
    width: 138px;
    .#{$teamix-prefix}table-cell-wrapper {
      display: flex;
      align-items: center;
    }
    .#{$teamix-prefix}color-tag {
      margin: 0;
    }
  }
  .actions-col {
    width: 154px;
  }
  .#{$teamix-prefix}table-row {
    height: 52px;
  }
}

.import-project-list-table.selected {
  thead > tr {
    th:first-child {
      white-space: nowrap;
    }
    th:not(:first-child) {
      display: none;
    }
  }
}

.new-repo-name-col {
  position: relative;
}

// 全屏弹窗hack
.import-project-list-modal {
  .#{$teamix-prefix}modal-children {
    background: #fff;
    overflow-y: auto;
  }
}
.import-list-no-data {
  margin: 100px auto 0;
}
.no-data-title {
  line-height: 20px;
  font-size: 14px;
  color: $primary-danger;
  margin-bottom: 10px;
}
.no-data-description {
  line-height: 20px;
  font-size: 14px;
  color: $gray-06;
}
.import-list-loading {
  display: flex;
  justify-content: center;
  align-items: center;
}

.more-list-help {
  margin-bottom: 20px;
  line-height: 20px;
  font-size: 14px;
  color: $gray-06;
}
